<script language="javascript" type="text/javascript" src="http://localhost/disenoweb1/css/niceForm/niceforms.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="http://localhost/disenoweb1/css/niceForm/niceforms-default.css" />
<link rel="stylesheet" type="text/css" href="http://localhost/disenoweb1/css/niceForm/style.css" />
<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>Animated Header</title>
    <style type="text/css" media="screen">

        body



        {
            background-color: #551050;
        }

            /* Center the website */
        #wrapper{
            width:920px;
            margin:0 auto;
        }

            /* Give the header a height and a background image */
        #header{
            height:150px;

            background: #000 url(http://localhost/disenoweb1/plugin1/background.jpg) repeat-y scroll left top;
            text-align:center;
        }

            /* Create a Shadow Overlay */
        #header div{
            width:920px;
            height:150px;


            background: transparent url(http://localhost/disenoweb1/plugin1/overlay.png) no-repeat scroll left top;
        }

            /* Vertically position header text and style it*/
        #header h1{
            padding-top:125px;
            font-family: Arial, "MS Trebuchet", sans-serif;
            color:white;
        }

            /* Give basic styles to the body and the navigation */
        #body{
            background-color:#efefef;
            height:500px;
        }
        #nav{
            height:35px;
            background-color: #33ccff ;
        }

    </style>

    <!--[if lte IE 6]>
    <style type="text/css" media="screen">
        #header div{
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='overlay.png', sizingMethod='scale');
        }
    </style>
    <![endif]-->

</head>

<body>

<div id="wrapper">
    <div id="header">

        <!-- Div is for Shadow Overlay-->
        <div>
            <h1>HORNOS INDUSTRIALES Tec. MANA</h1>
        </div>
    </div>
    <div id="nav">
        <!-- Navigation Goes HERE -->
        <div class="menu">
            <ul>
                <li><a class="current" href="http://localhost/disenoweb1/index.php/principal">Inicio</a></li>
                <li><a href="http://localhost/disenoweb1/index.php/principal">Historia<!--[if IE 7]><!--></a><!--<![endif]-->

                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="http://localhost/disenoweb1/index.php/historia_mana" title="">la historia  </a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="http://localhost/disenoweb1/index.php/principal">Mision<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="http://localhost/disenoweb1/index.php/mision" title="">mision de la empresa</a></li>


                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="http://localhost/disenoweb1/index.php/principal">Vision<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="http://localhost/disenoweb1/index.php/vision" title="">la vision de la empresa</a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="http://localhost/disenoweb1/index.php/principal">Administracion<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>

                        <li><a class="sub1" href="" title="">desea entrar a:?<!--[if IE 7]><!--></a><!--<![endif]-->
                            <!--[if lte IE 6]><table><tr><td><![endif]-->
                            <ul>
                                <li><a href="" title="">ADMINISTRADOR</a></li>
                                <li><a href="" title="">USUARIO</a></li>


                            </ul>
                            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                        </li>


                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>
                <li><a href="http://localhost/disenoweb1/index.php/principal">Ubicacion<!--[if IE 7]><!--></a><!--<![endif]-->
                    <!--[if lte IE 6]><table><tr><td><![endif]-->
                    <ul>
                        <li><a href="http://localhost/disenoweb1/index.php/mapa" title="">Mapa</a></li>

                    </ul>
                    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                </li>

                <!--[if lte IE 6]></td></tr></table></a><![endif]-->

                <li><a href="">Contactos</a></li>
</ul>
        </div>
        </div>
    <div id="body">
        <div class="form">

            <form action="tipo_producto/create_insertar" method="post" class="niceform">

                <fieldset>

                    <div class="right_content">


                            <dl>

                                    <dt><label for="lab_nombre">Nombre</label></dt>
                                    <dd><input type="label" name="nombre" id="lab_nombre" size="54" /></dd>

                            </dl>
                            <dl>
                                <dt><label for="lab_capacidad">Capacidad</label></dt>
                                <dd><input type="label" name="capacidad" id="lab_capacidad" size="54" /></dd>
                           </dl>
                            <dl>
                                <dt><label for="lab_tamano">Tamaño</label></dt>
                                <dd><input type="label" name="tamano" id="lab_tamano" size="54" /></dd>
                            </dl>

                            <dl>
                                <dt><label for="lab_descripcion">Descripcion</label></dt>
                                <dd><input type="label" name="descripcion" id="lab_descripcion" size="54" /></dd>
                             </dl>
                            <div class="left_content">
                                <span class="thumbnail"><img src="http://cartoscreen.com/stockwall/th-2808-picture-alfa-romeo-8c-wallpapers-alfa-romeo-8c.jpg" alt=""></span>
                            </div>



                    </div>


                    <dl class="submit">
                        <input type="submit" name="guardar" id="guardar" value="Guardar" />
                        <input type="submit" name="modificar" id="modificar" value="Modificar" />

                        <input type="submit" name="eliminar" id="eliminar" value="Eliminar" />
                    </dl>
                    <dl class="submit">
                        <button type="button" onclick="buscar(); return false;">Buscar</button>
                        <input type="reset" value="Cancelar"/>
                    </dl>



                </fieldset>

            </form>
        </div>
        <!-- Body Content Goes HERE -->
    </div>
</div>
</div> <!--end of main content-->
    <div class="clear"></div>



</body>

<!-- Import jQuery-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">

    var scrollSpeed = 70;       // Speed in milliseconds
    var step = 1;               // How many pixels to move per step
    var current = 0;            // The current pixel row
    var imageHeight = 4300;     // Background image height
    var headerHeight = 300;     // How tall the header is.

    //The pixel row where to start a new loop
    var restartPosition = -(imageHeight - headerHeight);

    function scrollBg(){

        //Go to next pixel row.
        current -= step;

        //If at the end of the image, then go to the top.
        if (current == restartPosition){
            current = 0;
        }

        //Set the CSS of the header.
        $('#header').css("background-position","0 "+current+"px");


    }

    //Calls the scrolling function repeatedly
    var init = setInterval("scrollBg()", scrollSpeed);

</script>

</html>